<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="/fullPageLayout.xhtml">
	<ui:define name="title">Ingreso Usuarios</ui:define>
	<ui:define name="content">
		<h:form>
			<p:panel>
				<h:panelGrid columns="3" style="align:left;margin:3% 10% 10% 10%;">
					<h:outputText value="Nombre" />
					<h:inputText value="#{empleadoBean.nombre}" label="Nombre" id="nom"
						required="true" />
					<h:message for="nom" />
					<h:outputText value="Apellido" />
					<h:inputText value="#{empleadoBean.apellido}" label="Apellido"
						id="ape" required="true" />
					<h:message for="ape" />

					<h:outputText value="Cedula" />
					<h:inputText value="#{empleadoBean.cedula}" label="Cedula" id="ced"
						required="true" />
					<h:message for="ced" />

					<h:outputText value="Fecha Nacimiento" />
					<p:calendar value="#{calendarBean.fNacimiento}" showOn="button"
						label="Fecha" id="dob" />
					<h:message for="dob" />

					<h:outputText value="Sexo" />
					<h:selectOneRadio label="Sexo" id="sex"
						value="#{empleadoBean.sexo}" required="true">
						<f:selectItem itemLabel="Masculino" itemValue="male" />
						<f:selectItem itemLabel="Femenino" itemValue="female" />
					</h:selectOneRadio>
					<h:message for="sex" />

					<h:outputText value="Direccion" />
					<h:inputText value="#{empleadoBean.direccion}" label="Direccion"
						id="dir" required="true" />
					<h:message for="dir" />

					<h:outputText value="Telefono" />
					<h:inputText value="#{empleadoBean.tel}" label="Telefono" id="tel" />
					<h:message for="tel" />

					<h:outputText value="Celular" />
					<!--<h:inputText value="#{empleadoBean.celular}" label="Celular" id="cel" />-->
					<p:inputMask value="#{empleadoBean.celular}" label="Celular"
						id="cel" mask="099-999-999" />
					<h:message for="cel" />

					<h:outputText value="Email" />
					<h:inputText value="#{empleadoBean.email}" label="Email" id="mail" />
					<h:message for="mail" />

					<h:outputText value="Rol" />
					<h:selectOneRadio label="Rol" id="rol" value="#{empleadoBean.rol}"
						required="true">
						<f:selectItem itemLabel="Administrativo"
							itemValue="Administrativo" />
						<f:selectItem itemLabel="Cortador" itemValue="Cortador" />
						<f:selectItem itemLabel="Auxiliar" itemValue="Auxiliar" />
					</h:selectOneRadio>
					<h:message for="rol" />

					<h:outputText value="Usuario" />
					<h:inputText value="#{empleadoBean.user}" label="Usuario" id="user" />
					<h:message for="user" />

					<h:outputText value="Clave" />
					<p:password value="#{empleadoBean.pass}" label="Clave" id="pass"
						required="true" minLength="6" for="pass" color="red"></p:password>
					<h:message for="pass" />

					<!--					<p:separator/>-->

					<h:commandButton value="Ingresar" action="#{empleadoBean.guardar}" />
					<!-- <h:commandButton value="Cancelar" outcome="ingreso.xhtml" immediate="true" /> -->
					<h:commandButton value="Cancelar" action="#{empleadoBean.cancelar}"
						immediate="true" />
				</h:panelGrid>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>

</html>